.M-index-swiper {
  overflow: hidden;
  width: 100%;
  background: #fff;
}
.M-index-swiper img {
  width: 100%;
}
.swiper-a {
  display: block;
  width: 100%;
  height: 35.41665781px;
  line-height: 35.41665781px;
  text-align: center;
  font-size: 9.58333094px;
}
.swiper_a_border {
  color: #ff6767;
}
.M-carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 0;
}
.M-carousel div {
  width: 100%;
}
.M-carousel div img {
  width: 100%;
}
.M-hot {
  display: block;
  overflow: hidden;
  height: 439.16655687px;
  width: 100%;
  background: #fff;
  position: relative;
}
.M-hot > div:nth-of-type(1) img {
  width: 100%;
}
.M-hot > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) {
  height: 36.6666575px;
  padding-top: 49.9999875px;
  position: relative;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) {
  position: absolute;
  left: 0;
  width: 56.6666525px;
  background: #f55644;
  border-radius: 0 4.16666562px 4.16666562px 0;
  text-align: center;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) img {
  margin-top: 6.24999844px;
  width: 37.08332406px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p {
  text-align: center;
  padding-left: 56.6666525px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(1) {
  font-size: 18.74999531px;
  letter-spacing: 8.33333125px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(2) {
  font-size: 8.33333125px;
  letter-spacing: 2.49999937px;
}
.M-hot > div:nth-of-type(2) > p {
  margin-top: 27.08332656px;
  text-align: center;
  letter-spacing: 4.99999875px;
}
.M-discounts {
  overflow: hidden;
  width: 294.99992625px;
  height: 120.41663656px;
  margin: -60.41665156px auto 8.33333125px;
  background: url('../../img/index/m_youhuijuan.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 4.16666562px;
  position: relative;
}
.M-discounts > p {
  text-align: center;
  font-size: 9.58333094px;
  color: #fff;
  line-height: 47.08332156px;
}
.M-discounts .M-discounts-three {
  overflow: hidden;
  margin: 0 auto;
  width: 274.99993125px;
  height: 44.99998875px;
  border-radius: 5.41666531px;
}
.M-discounts .M-discounts-three > div {
  width: 91.66664375px;
  height: 44.99998875px;
}
.M-discounts .M-discounts-three > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 44.99998875px;
  color: #fff;
  font-size: 7.91666469px;
}
.M-discounts .M-discounts-three > div > a span {
  font-size: 10.41666406px;
  color: #fff;
}
.M-discounts .M-discounts-three > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-three > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-three > div:nth-of-type(3) {
  float: left;
  background: #fd7d00;
}
.M-discounts .M-discounts-two {
  overflow: hidden;
  margin: 0 auto;
  width: 274.99993125px;
  height: 44.99998875px;
  border-radius: 5.41666531px;
}
.M-discounts .M-discounts-two > div {
  width: 137.49996562px;
  height: 44.99998875px;
}
.M-discounts .M-discounts-two > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 44.99998875px;
  color: #fff;
  font-size: 7.91666469px;
}
.M-discounts .M-discounts-two > div > a span {
  font-size: 10.41666406px;
  color: #fff;
}
.M-discounts .M-discounts-two > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-two > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-one {
  overflow: hidden;
  margin: 0 auto;
  width: 274.99993125px;
  height: 44.99998875px;
  border-radius: 5.41666531px;
}
.M-discounts .M-discounts-one > div {
  width: 274.99993125px;
  height: 44.99998875px;
  background: #fd7d00;
}
.M-discounts .M-discounts-one > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 44.99998875px;
  color: #fff;
  font-size: 7.91666469px;
}
.M-discounts .M-discounts-one > div > a span {
  font-size: 10.41666406px;
  color: #fff;
}
.M-hot-bread {
  overflow: hidden;
  display: block;
  width: 294.99992625px;
  height: 162.49995937px;
  margin: 0 auto 6.24999844px;
  border-radius: 4.16666562px;
  background-image: url('../../img/index/m_backgrunder.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.M-hot-bread > div:nth-of-type(1) {
  text-align: center;
}
.M-hot-bread > div:nth-of-type(1) > img {
  width: 50%;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.M-hot-bread > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.M-hot-bread > div:nth-of-type(2) > div {
  margin-left: 12.49999687px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(1) {
  margin-top: 10.41666406px;
  letter-spacing: 5px;
  font-size: 10.41666406px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(2) {
  letter-spacing: 5px;
  font-size: 8.33333125px;
  color: #b0b0b0;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(3) {
  position: absolute;
  bottom: 12.49999687px;
  right: 10.41666406px;
  text-align: center;
  height: 14.58332969px;
  line-height: 14.58332969px;
  margin: 0 0 0 6.24999844px;
  padding: 0 4.99999875px 0 4.99999875px;
  font-size: 13.74999656px;
  border-radius: 5px;
}
.gengduo {
  display: block;
  width: 299.999925px;
  height: 52.08332031px;
  margin: 0 auto 6.24999844px;
  overflow: hidden;
}
.gengduo div:nth-of-type(1) {
  float: left;
  width: 245.83327187px;
  height: 100%;
  background: #272727;
  border-radius: 4.16666562px 0 0 4.16666562px;
  line-height: 52.08332031px;
}
.gengduo div:nth-of-type(1) p span {
  color: #fff;
  font-size: 9.58333094px;
}
.gengduo div:nth-of-type(1) p span:nth-of-type(1) {
  letter-spacing: 4.16666562px;
  margin-left: 16.6666625px;
}
.gengduo div:nth-of-type(1) p span:nth-of-type(2) {
  margin-left: 23.3333275px;
}
.gengduo div:nth-of-type(1) p span:nth-of-type(3) {
  margin-left: 8.33333125px;
}
.gengduo > div:nth-of-type(2) {
  float: right;
  line-height: 52.08332031px;
  border-radius: 0 4.16666562px 4.16666562px 0;
  width: 54.16665312px;
  height: 100%;
  background: #ff3c0a;
  text-align: center;
}
.gengduo > div:nth-of-type(2) span {
  color: #fff;
  font-size: 12.49999687px;
}
.M-banner {
  display: block;
  width: 299.999925px;
  height: 162.49995937px;
  margin: 0 auto 6.24999844px;
  position: relative;
}
.M-banner > img {
  width: 299.999925px;
  height: 162.49995937px;
}
.M-banner > div {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  margin: 20.83332812px 8.33333125px 0 0;
}
.M-banner > div > p:nth-of-type(1) {
  line-height: 16.6666625px;
  font-size: 13.74999656px;
  letter-spacing: 4.16666562px;
}
.M-banner > div > p:nth-of-type(2) {
  margin-top: 4.16666562px;
  font-size: 4.99999875px;
  padding-right: 4.16666562px;
  color: #413c28;
}
.M-banner > div > p:nth-of-type(3) {
  line-height: 20.83332812px;
  font-size: 6.666665px;
}
.M-banner > div > p:nth-of-type(3) > span {
  font-size: 11.24999719px;
  padding-right: 4.16666562px;
}
.M-drink {
  width: 294.99992625px;
  height: 428.74989281px;
  margin: 0 auto;
}
.M-drink > a {
  display: block;
  float: left;
  margin: 0 auto 6.24999844px;
  width: 143.3332975px;
  height: 210.41661406px;
}
.M-drink > a > div {
  width: 143.3332975px;
  height: 210.41661406px;
  border-radius: 4.16666562px;
  background-image: url('../../img/index/m_backgrunder_2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
}
.M-drink > a > div > img {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 90%;
}
.M-drink > a > div > div {
  text-align: left;
  padding-left: 10.41666406px;
}
.M-drink > a > div > div > p:nth-of-type(1) {
  font-size: 10.41666406px;
  color: #232323;
  padding-top: 6.24999844px;
}
.M-drink > a > div > div > p:nth-of-type(2) {
  color: #b0b0b0;
  margin-top: 6.24999844px;
  font-size: 8.33333125px;
}
.M-drink > a > div > div > div {
  margin-top: 8.33333125px;
  line-height: 14.58332969px;
  font-size: 13.74999656px;
}
.M-drink > a:nth-of-type(1) {
  margin-right: 6.24999844px;
}
.M-drink > a:nth-of-type(3) {
  margin-right: 6.24999844px;
}
.M-number {
  width: 294.99992625px;
  height: 173.33329px;
  margin: 0 auto 6.24999844px;
  background: #fff;
  border-radius: 4.16666562px;
  border: 1px solid #d9d9d9;
  background-image: url('../../img/index/m_backgrunder_3.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.M-number > P {
  text-align: center;
}
.M-number > p:nth-of-type(1) {
  font-size: 9.9999975px;
  margin-top: 77.08331406px;
}
.M-number > p:nth-of-type(2) {
  font-size: 4.99999875px;
  margin-top: 4.16666562px;
}
.M-number > div:nth-of-type(1) {
  margin: 5px  auto 0;
  line-height: 17.91666219px;
  text-align: center;
}
.M-number > div:nth-of-type(1) span {
  display: inline-block;
  vertical-align: middle;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(1) {
  font-size: 14px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(2) {
  font-size: 18px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(3) {
  font-size: 6.24999844px;
  line-height: 17.91666219px;
}
.M-youhui {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.M-youhui .M-youhui-content {
  width: 174.99995625px;
  height: 274.99993125px;
  position: fixed;
  margin: auto;
  top: 50%;
  left: 50%;
  margin-top: -137.49996562px;
  margin-left: -87.49997812px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) {
  background: #fff;
  padding-top: 20.83332812px;
  border-radius: 6.24999844px;
  text-align: center;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) p {
  font-size: 9.16666437px;
  letter-spacing: 1px;
  color: #c2c2c2;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) img {
  margin-top: 16.6666625px;
  width: 116.6666375px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) a {
  margin-top: 8.33333125px;
  display: block;
  width: 100%;
  line-height: 41.66665625px;
  height: 41.66665625px;
  border-top: 1px solid #a0a0a0;
  color: #e53b37;
  font-size: 6.666665px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) {
  text-align: center;
  padding-top: 16.6666625px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) span {
  color: #fff;
  font-size: 31.66665875px;
}
